.primaryColor {
        background-color: #006699;
        color: #fff;
}
.escapeRoomHeading > div {
        margin: 0;
        padding: 0;
}
.viewRoom .vitals span {
        display: block;
        font-family: 'ralewayregular';
        margin-top: 23px;
}
.viewRoom .info > div > h1 {
        margin: 50px 0 20px 0;
        font-size: 24px;
}
.viewRoom .info > div button {
        margin-top: 20px;
}
.viewRoom .info .primaryColor {
        padding-left: 50px;
}
.viewRoom .info .rank {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        margin-bottom: 20px;
}
.viewRoom .info .rank > div {
        position: absolute;
        margin: 10px 0 0 17px;
        font-family: 'ralewayextrabold';
        font-size: 22px;
}
.viewRoom .info .rankInfo {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 20px;
}
.viewRoom .convert > button {
        background-color: #21ba15;
        margin-top: 20px;
        font-size: 20px;
        padding: 16px 24px;
}
.viewRoom .convert > button:hover {
        background-color: #29e11a;
        cursor: pointer;
}
.viewRoom .vitalsSmall {
        height: 320px;
        display: none;
}
#escapeRoomResale .imageHolder {
        height: 400px;
}
#escapeRoomResale .poster {
        display: inline-block;
        margin-right: 80px;
        width: 250px;
        vertical-align: middle;
}
#escapeRoomResale .poster > img {
        margin: 0;
        border-radius: 8px;
        width: 100%;
}
#escapeRoomResale .crate {
        max-height: 300px;
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
}
#escapeRoomResale .heading {
        text-align: center;
        color: #fff;
        margin-bottom: 40px;
}
#escapeRoomResale .story,
#escapeRoomResale .puzzles,
#escapeRoomResale .packages {
        color: #e7e7e7;
        margin-bottom: 40px;
        font-size: 18px;
}
#escapeRoomResale .packages h2 {
        margin-top: 0;
        margin-bottom: 20px;
        color: #ffcc00;
}
#escapeRoomResale .packages ul {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
}
#escapeRoomResale .packages ul > li {
        list-style: none;
}
#escapeRoomResale .packageWrapper {
        padding: 40px 40px;
        border: 1px solid #1b1b1a;
        margin-bottom: 40px;
        border-radius: 8px;
        background-color: #353535;
        font-size: 18px;
}
#escapeRoomResale .packageWrapper label {
        font-weight: bold;
        color: #ffcc00;
        font-size: 18px;
        width: 250px;
        display: inline-block;
}
#escapeRoomResale .packageWrapper span {
        color: #ffcc00;
}
#escapeRoomResale .packageWrapper .callToday {
        color: #00d122;
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 70px;
        display: block;
}
#escapeRoomResale .contactingResale .hform .hlabel {
        color: #fff;
}
#escapeRoomResale .packageWrapper .callPlease {
        margin-top: 40px;
        font-size: 24px;
}
#escapeRoomResale .resaleVitals {
        display: inline-block;
        margin: auto;
        background-color: #504e4e;
        border-radius: 8px;
        border: 2px solid #1a1a1a;
        margin-bottom: 40px;
}
#escapeRoomResale .resaleVitals > div {
        width: 200px;
        display: inline-block;
}
#escapeRoomResale .resaleVitals > div > .vitalHeading {
        padding: 10px;
        color: #fff;
        background-color: #2e2e2e;
        border-bottom: 2px solid #1a1a1a;
}
#escapeRoomResale .resaleVitals > div:first-child {
        border-top-left-radius: 8px;
}
#escapeRoomResale .resaleVitals > div:last-child {
        border-top-right-radius: 8px;
}
#escapeRoomResale .resaleVitals > div > .value {
        padding: 10px;
        color: #fff;
}
#escapeRoomResale .puzzles > h4 {
        margin-bottom: 40px;
}
#escapeRoomResale .puzzles > div {
        text-align: center;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 20px;
}
#escapeRoomResale .puzzles > div > i {
        margin-bottom: 10px;
}
.contactus textarea {
        color: #000;
}
#contactUs .thankyou {
        min-height: 500px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Top Templates ----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.logoBackground {
        width: 100%;
}
/* ----------- tiny ------------*/
.templateTopTiny .logoBackground > div {
        display: inline-block;
        white-space: nowrap;
        padding: 30px 0;
}
.templateTopTiny .logoBackground > div {
        height: 250px;
}
.templateTopTiny .logoBackground > div img {
        vertical-align: middle;
        width: inherit;
        height: auto;
        max-height: 200px;
}
@media (max-width: 414px) {        
        .templateTopTiny .logoBackground > div img {
                max-height: 150px;
                width: inherit;
        }
}

/* ----------- short ------------*/
.templateTopShort .logoBackground > div {
        display: inline-block;
        white-space: nowrap;
        padding: 30px 0;
}
.templateTopShort .logoBackground > div {
        height: 350px;
}
.templateTopShort .logoBackground > div img {
        vertical-align: middle;
        width: inherit;
        height: auto;
        max-height: 300px;
}
@media (max-width: 414px) {        
        .templateTopShort .logoBackground > div img {
                max-height: 200px;
                width: inherit;
        }
}

/* ----------- medium ------------*/
.templateTopMedium .logoBackground {
        text-align: center; 
        background-color: #fff;
}
.templateTopMedium .logoBackground > div {
        height: 450px;
}
.templateTopMedium .logoBackground > div {
        display: inline-block;
        white-space: nowrap;
        padding: 30px 0;
}
.templateTopMedium .logoBackground > div img {
        vertical-align: middle;
        width: inherit;
        height: auto;
        max-height: 400px;
}
@media (max-width: 414px) {  
        .templateTopMedium .logoBackground {
                background-size: 100% 100% !important;
                max-height: 250px;
        }
        .templateTopMedium .logoBackground > div img {
                max-height: 250px;
                width: inherit;
        }
}

/* ----------- tall ------------*/
.templateTopTall > div {
        display: inline-block;
        white-space: nowrap;
        padding: 50px 0;
}
.templateTopTall .logoBackground > div {
        height: 650px;
}
.templateTopTall .logoBackground > div img {
        vertical-align: middle;
        max-height: 600px;
        width: inherit;
}
@media (max-width: 414px) {
        .templateTopTall .logoBackground {
                background-size: 100% 100% !important;
                max-height: 400px;
        }
        .templateTopTall .logoBackground > div img {
                max-height: 400px;
                width: inherit;
        }
        .templateTopTall > div {
                display: inline-block;
                white-space: nowrap;
                padding: 50px 0;
                min-height: 400px;
        }
}

/* ----------- escapeu tall ------------*/
@media (max-width: 414px) {
        .escapeuTop .logoBackground {
                background-size: 414px 188px !important;
                max-height: 188px;
        }
        .escapeuTop .logoBackground > div img {
                max-height: 188px;
                width: inherit;
        }
        .escapeuTop > div {
                display: inline-block;
                white-space: nowrap;
                padding: 50px 0;
                min-height: 188px;
        }
}


/* ----------- mindquest ------------*/
#mindquestMarquee > div {
        color: #fff;
        min-height: 75px;
        font-size: 24px;
        text-align: center;
        border-bottom: 3px solid #f6d51f;
        border-top: 3px solid #f6d51f;
        padding: 20px 0;
        background-image: url('/files/sites/99999/396.png') !important;
}
#mindquestMarquee h5 {
        font-size: 34px;
}
#mindquestMarquee a {
        font-size: 30px;
        color: #36c600;
        font-weight: bold;
}
.templateTopMindquest .logoBackground > div {
        max-width: 400px;
        margin: auto;
}
#stats .mindquest .navbarWrapper {
        background: #fff url('/themes/default/images/statBackgroundBlue.png?v=1') bottom;
        border-bottom: 1px solid #626262;
        background-position: 0 -150px; 
}

.pageStandard .infoWrapper > div {
        padding: 20px;
        min-height: 500px;
}
.pageStandard .infoWrapper p {
        font-size: 18px;
}

/* --- Mindquest PB ----*/
.mindquestpalmbeach #homepage .events, .mindquest #homepage .events a, 
.mindquestpalmbeach .templateNavigationMindquest .navbarOverlay > div.phone {
        font-size: 20px;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Navigation Templates ---------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------ Navigation - Mindquest ----------*/

.mindquestNav #myNavbar > ul {
        margin: auto;
        float: none;
        display: inline-block;
}
.mindquestNav #myNavbar > ul li a {
        color: #fff;
        font-family: 'varelaregular';
}
.mindquestNav #myNavbar > ul li:hover a,
.mindquestNav #myNavbar > ul li:focus a,
.mindquestNav #myNavbar > ul li:active a {
        color: #000;
}
.mindquestNav .navbar {
        background-color: #1a1919;
        border: 0;
}
.templateNavigationMindquest {
        background: rgba(255,255,255,0.8);
}
.templateNavigationMindquest .phone {
        text-align: center;
        font-weight: bold;
}
.templateNavigationMindquest .phone a {
        color: #000;
        font-size: 20px;
}
.templateNavigationMindquest .navbar {
        height: 25px;
}
.templateNavigationMindquest > div {
        max-width: 180px;
        margin: auto ;
}
.templateNavigationMindquest > div:last-child {
        padding-bottom: 20px;
}
.templateNavigationMindquest > div.phone {
        padding: 20px 0;
}
#stats .templateNavigationMindquest {
        background: rgba(255, 255, 255, 0.3);
}
.mindquestHomepage {
        height: 215px;
}
.mindquestNav .navbar-default .navbar-nav>li a:focus, 
.mindquestNav .navbar-default .navbar-nav>li a:hover,
.mindquestNav .navbar-nav > li:hover {
        background-color: #fff;
        color: #000;
}
.mindquestNav #myNavbar > ul li.open a {
        background-color: #fff;
        color: #000;
}
.templateNavigationMindquest .navbar-nav > li.current > a,
.templateNavigationMindquest .navbar-nav > li.current > div {
        color: #000;
}
.mindquestNav .navbar-nav > li > a:hover,
.mindquestNav .navbar-nav > li > div:hover {
        background-color: #fff;
        color: #000;
}
.mindquestNav .navbar-nav > li.book {
        border-bottom: 0;
        margin-left: 10px;
}
.mindquestNav .navbar-nav > li.book:hover {
        background-color: #1a1919;
}
.mindquestNav .navbar-nav > li.book > a,
.mindquestNav .navbar-nav > li.book > div {
        color: #fff;
        cursor: pointer;
        background-color: #2fad00;
        padding: 10px 10px 10px 10px;
        border-radius: 4px;
        margin-top: 4px;
}
.mindquestNav .navbar-nav > li.book > a:hover,
.mindquestNav .navbar-nav > li.book > div:hover {
        background-color: #36c600;
}

@media (max-width: 1024px) {
        .templateNavigationMindquest .navbarOverlay > div a > img {
                max-width: 100px;
        }
}
@media (max-width: 736px) {
        .templateNavigationMindquest.navbar-collapse {
                border-top: 0;
                margin-bottom: 50px;
        }
        .templateNavigationMindquest .navbarOverlay {
                display: none;
        }
        .templateNavigationMindquest  {
                height: inherit;
        }
        .templateNavigationMindquest ul {
                margin: 0 0 0 0;
        }
        .templateNavigationMindquest .navbar-nav > li {
                text-align: left;
                width: 100%;
                border-bottom: none;
        }
        .templateNavigationMindquest .navbar-nav > li > a,
        .templateNavigationMindquest .navbar-nav > li > div {
                background-color: inherit;
                padding: 0;
                margin: 0;
                padding: 10px;
        }
        .templateNavigationMindquest .navbar-nav > li > a {
                border: none;
        }
        .templateNavigationMindquest .navbar-nav > li.book > a, 
        .templateNavigationMindquest .navbar-nav > li.book > div {
                margin-top: 0;
        }
        .templateNavigationMindquest .navbar-default .navbar-nav .open .dropdown-menu>li>a {
                color: #393939;
        }
}
@media (max-width: 414px) {
        .templateNavigationMindquest,
        .mindquestHomepage {
                height: inherit;
        }
        .navbar-collapse {
                border-top: 0;
        }
        .templateNavigationMindquest ul {
                margin-top: 0;
        }
        .templateNavigationMindquest ul.navbar-left {
                margin-top: 10px;
        }
        .templateNavigationMindquest .navbar-nav > li:hover {
                border-bottom: none;
        }
        .templateNavigationMindquest .navbarOverlay {
                display: none;               
        }
        #homepage .homepageTextual .logoBackground > div {
                width: 90%;
                margin-left: auto;
                margin-right: auto;
        }
        #homepage .homepageTextual .logoBackground {
                height: 300px;
        }
        .templateNavigationMindquest .navbar-nav {
                margin: 0 10px 0 10px;
        }
        .templateNavigationMindquest .navbar-default .navbar-nav .open .dropdown-menu > li > a {
                color: #000;
        }

        .templateNavigationMindquest .navbar-nav > li > a,
        .templateNavigationMindquest .navbar-nav > li > div {
                color: #000;
        }
        .templateNavigationMindquest .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
        .templateNavigationMindquest .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
                color: #999;
        }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

}


/*------ Rooms - Medium / Textual ----------*/
#homepage .homepageTextual {
        height: 400px;
}
#homepage .homepageTextual .logoBackground > div {
        margin-top: 100px;
}
#homepage .homepageTextual .logoBackground {
        background-color: inherit;
}
#homepage .homepageTextual .logoBackground > div {
        height: inherit;
}
#homepage .homepageTextual .logoBackground {
        height: 400px;
}
#homepage .homepageTextual .logoBackground > div {
        color: #fff;
        display: block;
}
#homepage .homepageTextual .logoBackground > div.tripAdvisor {
        position: absolute;
        width: 100px;
        height: 100px;
        margin-top: 0px;
        margin-left: 15px;
}
@media (max-width: 414px) {
        #homepage .homepageTextual {
                height: 300px;
        }
        #homepage .homepageTextual .logoBackground > div {
                width: 90%;
                margin: 60px auto 0 auto;
        }
        #homepage .homepageTextual .logoBackground {
                height: 300px;
        }
        #homepage .homepageTextual .logoBackground > div.tripAdvisor {
                width: 50px;
                height: 50px;
                margin-top: -60px;
        }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

}




.navbar-call-mobile {
        display: none;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Navigation Templates ---------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------ navigation1----------*/
.templateNavigation1 {
        background-color: #000;
}
.templateNavigation1 .navLogo > div {
        height: 50px;
        max-height: 50px;
}
.templateNavigation1 .navLogo > div img {
        max-height: 45px;
        width: inherit;
        margin-top: 2px;
        margin-right: 10px;
}
.templateNavigation1 .navbar-nav>li>a {
        font-size: 18px;
        color: #fff;
}
.templateNavigation1 .navbar-nav>li> .navLinkBook {
        background-color: #21ba15;
        color: #fff;
        padding: 15px 10px;
        line-height: 20px;
        font-size: 18px;
        cursor: pointer;
}
.templateNavigation1 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
        background-color: #35cf29;
}
.templateNavigation1 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
        background-color: #35cf29;
}
.templateNavigation1 .navbar-nav>li>a:focus, 
.templateNavigation1 .navbar-nav>li>a:hover {
        color: #fff;
        background-color: #ff8503;
        cursor: pointer;
}
.templateNavigation1 .dropdown-menu>li, 
.templateNavigation1 .dropdown-menu>li>a {
        font-size: 16px;
        background-color: #000;
        color: #fff;
}
.templateNavigation1 .dropdown-menu>li>a:focus, 
.templateNavigation1 .dropdown-menu>li>a:hover {
        background-color: #ff8503;
}
.templateNavigation1 .dropdown-menu {
        background-color: #000;
}
.templateNavigation1 .navbar-nav>.open>a, 
.templateNavigation1 .navbar-nav>.open>a:focus, 
.templateNavigation1 .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #ff8503;
}

/*------ navigation2----------*/

.templateNavigation2 {
        background-color: #000;
        height: 140px;
}
.templateNavigation2 .navLogo > div {
        height: 110px;
        max-height: 110px;
}
.templateNavigation2 .navLogo > div img {
        max-height: 110px;
        margin-top: 15px;
        margin-left: 15px;
        width: inherit;
}
.templateNavigation2 .navbar-nav>li>a,
.templateNavigation2 .navbar-nav>li> .navLinkBook {
        font-size: 18px;
        color: #fff;
        height: 50px;
        margin-top: 45px;
        border-radius: 5px;
        padding: 15px;
        vertical-align: middle;
}
.templateNavigation2 .navbar-nav>li,
.templateNavigation2 .navbar-nav>li .navLinkBook {
        margin-right: 10px;
}
.templateNavigation2 .navbar-nav>li> .navLinkBook {
        background-color: #21ba15;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        padding-top: 12px;
}
.templateNavigation2 .dropdown .dropdown-toggle {  
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
}
.templateNavigation2 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
        background-color: #35cf29;
}
.templateNavigation2 .navbar-nav>li> .bookNow, 
.templateNavigation2 .navbar-nav>li> .bookNow {
        background-color: #21ba14;
        color: #fff;
        border-radius: 5px;
        padding: 7px 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
}
.templateNavigation2 .navbar-nav>li>a:focus, 
.templateNavigation2 .navbar-nav>li>a:hover,
.templateNavigation2 .navbar-nav>.open>a, 
.templateNavigation2 .navbar-nav>.open>a:focus, 
.templateNavigation2 .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #ff8503;
        cursor: pointer;
}
.templateNavigation2 .dropdown-menu>li, 
.templateNavigation2 .dropdown-menu>li>a {
        font-size: 16px;
        background-color: #000;
        color: #fff;
}
.templateNavigation2 .dropdown-menu>li>a:focus, 
.templateNavigation2 .dropdown-menu>li>a:hover {
        background-color: #ff8503;
}
.templateNavigation2 .dropdown-menu {
        background-color: #000;
        border: 0;
}
.templateNavigation2 .navbar-right .dropdown-menu {
        left: 0;
}
.templateNavigation2 .nav .dropdown-menu a {
        min-width: 160px;
}
@media (max-width: 768px) {

        .templateNavigation2 {
                height: 52px;
                position: fixed;
        }
        .templateNavigation2 .navLogo > div {
                max-height: 50px;
        }
        .templateNavigation2 .navLogo > div img {
                max-height: 45px;
                margin: 0;
                width: inherit;
        }
        .templateNavigation2 .navbar-nav>li>a, 
        .templateNavigation2 .navbar-nav>li> .navLinkBook {
                height: inherit;
                margin: 0;
        }
}


/*------ navigation3----------*/
.templateNavigation3 {
        border: 0;
        background-color: #242424;
}
.templateNavigation3 .logo {
        height: 50px;
}
.templateNavigation3 .logo img {
        max-height: 45px;
        width: inherit;
}
.templateNavigation3 .navbar-nav {
        display: inline-block;
        float: none;
        border-top: none;
}
.templateNavigation3, .navbar-collapse {
        text-align: center;
}
.templateNavigation3 .navbar-nav>li>a, 
.templateNavigation3 .navbar-nav>li>a {
        background-color: inherit;
        color: #fff;
        border-radius: 5px;
}
.templateNavigation3 .navbar-nav>li>a:focus, 
.templateNavigation3 .navbar-nav>li>a:hover {
        background-color: #ff8503;
        color: #fff;
}
.templateNavigation3 .navbar-nav>.open>a, 
.templateNavigation3 .navbar-nav>.open>a:focus, 
.templateNavigation3 .navbar-nav>.open>a:hover {
        background-color: #ff8503;
        color: #fff;
}
.templateNavigation3 .navbar-nav>li>a {
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
}
.templateNavigation3 .navbar-nav>li> .bookNow, 
.templateNavigation3 .navbar-nav>li> .bookNow  {
        background-color: #21ba14;
        color: #fff;
        padding: 7px 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
        border-radius: 5px;
}
.templateNavigation3 .navbar-nav>li> .bookNow:focus, 
.templateNavigation3 .navbar-nav>li> .bookNow:hover {
        background-color: #2ed620;
        color: #fff;
}
.templateNavigation3 .navbar-nav>li {
        margin-right: 20px;
}
.templateNavigation3 .navbar-nav>li:last-child {
        margin-right: 0;
}
.templateNavigation3 .dropdown-menu {
        background-color: #242424;
        border-radius: 5px;
        color: #fff;
}
.templateNavigation3 .dropdown-menu>li>a {
        color: #fff;
        font-size: 16px;
}
.templateNavigation3 .dropdown-menu>li>a:focus, 
.templateNavigation3 .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #ff8503;
}
.templateNavigation3 .navbar-nav>li>.dropdown-menu {
        border-radius: 5px;
}
.templateNavigation3 .dropdown-menu i {
        margin-right: 10px;
}
.templateNavigation3 .logo {
        padding: 2px;
}
.templateNavigation3 .navLogo {
        max-height: 45px;
        width: inherit;
}
.templateNavigation3 .nav > li > a{
        min-width: 170px;
}
@media (max-width: 768px) {
        .templateNavigation3 .logo {
                display: none;
        }
}

/*------ navigation4----------*/
.templateNavigation4 {
        background-color: #000;
        height: 100px;
}
.templateNavigation4 .navLogo > div {
        height: 100px;
        max-height: 100px;
}
.templateNavigation4 .navLogo > div img {
        max-height: 90px;
        width: inherit;
        margin-top: 5px;
        margin-right: 10px;
}
.templateNavigation4 .navbar-nav>li>a,
.templateNavigation4 .navbar-nav>li>.navLinkBook {
        font-size: 18px;
        color: #fff;
        margin-top: 20px;
        border-radius: 5px;
}
.templateNavigation4 .navbar-nav>li>a,
.templateNavigation4 .navbar-nav>li>.upper {
        margin-right: 10px;
}
.templateNavigation4 .navbar-nav>li> .upper {
        height: 5px;
}
.templateNavigation4 .navbar-nav>li> .navLinkBook {
        color: #fff;
        padding: 15px 10px;
        line-height: 20px;
        font-size: 18px;
        cursor: pointer;
        background-color: #21ba14;
}
.templateNavigation4 .navbar-nav>li.bookingLink > .upper {
        background-color: #21ba14;
}
.templateNavigation4 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
}
.templateNavigation4 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
}
.templateNavigation4 .navbar-nav>li>a:focus, 
.templateNavigation4 .navbar-nav>li>a:hover {
        color: #fff;
        cursor: pointer;
}
.templateNavigation4 .dropdown-menu>li, 
.templateNavigation4 .dropdown-menu>li>a {
        font-size: 16px;
        background-color: #000;
        color: #fff;
}
.templateNavigation4 .dropdown-menu>li>a:focus, 
.templateNavigation4 .dropdown-menu>li>a:hover {
        background-color: #ff8503;
}
.templateNavigation4 .dropdown-menu {
        background-color: #000;
}
.templateNavigation4 .navbar-nav>.open>a, 
.templateNavigation4 .navbar-nav>.open>a:focus, 
.templateNavigation4 .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #ff8503;
}
.templateNavigation4 .navbar-nav>li>.navLinkBook:focus, 
.templateNavigation4 .navbar-nav>li>.navLinkBook:hover {
        background-color: #24cd16;
}
.templateNavigation4 .navbar-nav>li.bookingLink:hover> .upper {
        background-color: #24cd16;
}
.templateNavigation4 .nav > li > a{
        min-width: 170px;
}
@media (max-width: 768px) {

        .templateNavigation4 {
                height: 52px;
                position: fixed;
        }
        .templateNavigation4 .navLogo > div {
                max-height: 50px;
        }
        .templateNavigation4 .navLogo > div img {
                max-height: 45px;
                margin: 0;
                width: inherit;
        }
        .templateNavigation4 .navbar-nav>li>a, 
        .templateNavigation4 .navbar-nav>li> .navLinkBook {
                height: inherit;
                margin: 0;
        }
        .templateNavigation4 .navbar-nav>li>a,
        .templateNavigation4 .navbar-nav>li>.navLinkBook {
                border-radius: 0;
        }
        .templateNavigation4 .upper {
                display: none;
        }
}

/*------ navigation5----------*/
.templateNavigation5 {
        background: transparent;
        height: 140px;
}
.templateNavigation5 .navLogo > div {
        height: 110px;
        max-height: 110px;
}
.templateNavigation5 .navLogo > div img {
        max-height: 110px;
        margin-top: 15px;
        margin-left: 15px;
        width: inherit;
}
.templateNavigation5 .navbar-nav>li>a,
.templateNavigation5 .navbar-nav>li>.navLinkBook {
        font-size: 18px;
        color: #fff;
        margin-top: 20px;
        border-radius: 5px;
}
.templateNavigation5 .navbar-nav>li>a {
        margin-right: 5px;
        margin-top: 40px;
}
.templateNavigation5 .navbar-nav>li> .navLinkBook {
        color: #fff;
        padding: 15px 10px;
        line-height: 20px;
        font-size: 18px;
        cursor: pointer;
        background-color: #21ba14;
        margin-right: 25px;
        margin-top: 40px;
}
.templateNavigation5 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
}
.templateNavigation5 .navbar-nav>li> .navLinkBook:hover {
        color: #fff;
}
.templateNavigation5 .navbar-nav>li>a:focus, 
.templateNavigation5 .navbar-nav>li>a:hover {
        color: #fff;
        cursor: pointer;
}
.templateNavigation5 .dropdown-menu {
        background-color: transparent;
}
.templateNavigation5 .dropdown-menu>li, 
.templateNavigation5 .dropdown-menu>li>a {
        font-size: 16px;
        background-color: transparent;
        color: #fff;
}
.templateNavigation5 .navbar-nav>.open>a, 
.templateNavigation5 .navbar-nav>.open>a:focus, 
.templateNavigation5 .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: transparent;
}
.templateNavigation5 .dropdown-menu>li>a {
        padding-left: 0;
}
.templateNavigation5 .open>.dropdown-menu {
        border: 0;
}
@media (max-width: 768px) {

        .templateNavigation5 {
                height: 52px;
        }
        .templateNavigation5 .navLogo > div {
                max-height: 50px;
        }
        .templateNavigation5 .navLogo > div img {
                max-height: 45px;
                margin: 0;
                width: inherit;
        }
        .templateNavigation5 .navbar-nav>li>a, 
        .templateNavigation5 .navbar-nav>li> .navLinkBook {
                height: inherit;
                margin: 0;
        }
}

/*------ page1 ----------*/
.templatePage1 .pageContent {
        min-height: 300px;
        padding: 40px 0;
        font-size: 18px;
}
.templatePage1 .pageBooking {
        margin-top: 40px;
}
@media (max-width: 1024px) {
        .templatePage1 .tinyMCEOutput {
                padding-left: 40px;
                padding-right: 40px;
        }
}

/*------ page2 ----------*/
.templatePage2 .pageContent {
        min-height: 500px;
        padding: 40px 0;
        font-size: 18px;
}
.templatePage2 .pageBooking {
        margin-top: 40px;
}
.templatePage2 .infoWrapper .pageContent {
        padding-left: 40px;
        padding-right: 40px;
}

/*------ page2 ----------*/
.templatePage3 .pageContent {
        min-height: 500px;
        padding: 40px 0;
        font-size: 18px;
}
.templatePage3 .pageBooking {
        margin-top: 40px;
}
.templatePage3 .infoWrapper .pageContent {
        padding-left: 40px;
        padding-right: 40px;
}

/*------ Pages - Classic ----------*/
.pageClassic {
        background: rgba(255,255,255,0.8);
        margin-left: -15px;
        margin-right: -15px;
}
.pageClassic .infoWrapper {
        background: none;
}
.pageClassic .infoLarge {
}
.pageClassic .heading > h1 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 10px;
        border-bottom: 2px solid #6c6c6c;
}
.pageClassic .contentBody {
        min-height: 600px;
        padding-bottom: 50px;
}

@media (max-width: 1024px) {
        .pageClassic {
                margin-left: 0;
                margin-right: 0;
                padding-left: 15px;
                padding-right: 15px;
        }
}

@media (max-width: 414px) {
        .statHeader > a {
                display: block;
                margin-bottom: 10px;
        }
        .pageClassic {
                margin-left: 0;
                margin-right: 0;
                padding-left: 15px;
                padding-right: 15px;
        }
        .pageClassic .infoWrapper .col-sm-12 {
                padding: 30px;
        }
}

@media (max-width: 320px) {
        .pageClassic {
                padding-left: 8px;
                padding-right: 8px;
        }
        .pageClassic .infoWrapper .col-sm-12 {
                padding: 15px;
        }
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Escape Room (Homepage) Templates ---------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------ roomListing1  ----------*/
.roomListing1 {
        padding: 40px;
        text-align: center;
}
.roomListing1 .poster {
        width: 200px;
        text-align: center;
        border: 1px solid #000;
        padding: 20px;
        border-radius: 8px;
        background-color: #CCC;
}
.roomListing1 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing1 .poster > a > img {
        border-radius: 8px;
}
.roomListing1 .escapeRoom {
        display: inline-block;
        width: inherit;
        max-width: 200px;
        color: #fff;
        margin-right: 20px;
}
.roomListing1 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing1 .escapeRoom > .poster > h4 {
        margin: 0 0 20px 0;
}
.roomListing1 .escapeRoom .btn-success {
        margin-top: 20px;
}
@media (max-width: 414px) {

        .roomListing1 .escapeRoom {
                margin-right: 0;
                margin-bottom: 20px;
        }
}


/*------ roomListing2  ----------*/
.roomListing2 {
        padding: 40px;
        text-align: center;
}
.roomListing2 .poster {
        width: 400px;
        text-align: center;
        border: 1px solid #000;
        padding: 20px;
        border-radius: 8px;
        background-color: #CCC;
}
.roomListing2 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing2 .poster > a > img {
        border-radius: 8px;
}
.roomListing2 .escapeRoom {
        display: inline-block;
        width: inherit;
        max-width: 400px;
        color: #fff;
        margin-right: 20px;
        margin-bottom: 20px;
        vertical-align: top;
}
.roomListing2 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing2 .escapeRoom > .poster > h4 {
        font-size: 22px;
        margin: 0 0 20px 0;
}
.roomListing2 .escapeRoom .btn-success {
        margin-top: 20px;
}
.roomListing2 .escapeRoom .headline {
        font-size: 18px;
        margin-top: 20px;
}
.roomListing2 .escapeRoom .vitals {
        font-size: 18px;
        margin-top: 20px;
}
.roomListing2 .escapeRoom .vitals > div {
        display: inline-block;
        width: 150px;
        border-radius: 5px;
}
.roomListing2 .escapeRoom .vitals > div > .label {
        display: inline-block;
        padding: 10px;
        width: 130px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.roomListing2 .escapeRoom .vitals > div > .value {
        display: inline-block;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 130px;
        padding: 10px 0;
}
@media (max-width: 414px) {

        .roomListing2 .poster {
               width: 350px;
        }
        .roomListing2 .escapeRoom {
                margin-right: 0;
        }
}
@media (max-width: 375px) {

        .roomListing2 .poster {
               width: 300px;
        }
        .roomListing2 .escapeRoom {
                margin-right: 0;
        }
        .roomListing2 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}
@media (max-width: 325px) {

        .roomListing2 .poster {
               width: 250px;
        }
        .roomListing2 .escapeRoom {
                margin-right: 0;
        }
        .roomListing2 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}

/*------ roomListing3  ----------*/
.roomListing3 {
        padding: 40px;
        text-align: center;
}
.roomListing3 .poster {
        width: 400px;
        text-align: center;
        border: 1px solid #000;
        padding: 20px;
        border-radius: 8px;
        background-color: #CCC;
}
.roomListing3 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing3 .poster > a > img {
        border-radius: 8px;
}
.roomListing3 .escapeRoom {
        display: inline-block;
        width: inherit;
        max-width: 400px;
        color: #fff;
        margin-right: 20px;
        margin-bottom: 20px;
        vertical-align: top;
}
.roomListing3 .escapeRoom .headline {
        font-size: 18px;
        margin-top: 20px;
}
.roomListing3 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing3 .escapeRoom > .poster > h4 {
        font-size: 22px;
        margin: 0 0 20px 0;
}
.roomListing3 .escapeRoom .btn-success {
        margin-top: 20px;
}
@media (max-width: 414px) {

        .roomListing3 .poster {
               width: 350px;
        }
        .roomListing3 .escapeRoom {
                margin-right: 0;
        }
}
@media (max-width: 375px) {

        .roomListing3 .poster {
               width: 300px;
        }
        .roomListing3 .escapeRoom {
                margin-right: 0;
        }
        .roomListing3 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}
@media (max-width: 325px) {

        .roomListing3 .poster {
               width: 250px;
        }
        .roomListing3 .escapeRoom {
                margin-right: 0;
        }
        .roomListing3 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}

/*------ roomListing4  ----------*/
.roomListing4 {
        padding: 40px;
        text-align: center;
}
.roomListing4 .escapeRoom {
        display: inline-block;
        width: inherit;
        max-width: 400px;
        color: #fff;
        margin-right: 20px;
        margin-bottom: 20px;
        vertical-align: top;
        border-radius: 8px;
}
.roomListing4 .poster {
        width: 400px;
        text-align: center;
        border: 1px solid #000;
        padding: 20px;
        border-radius: 8px;
        background-color: #CCC;
}
.roomListing4 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing4 .poster > a > img {
        border-radius: 8px;
}
.roomListing4 .escapeRoom .headline {
        font-size: 18px;
        margin-top: 20px;
}
.roomListing4 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing4 .escapeRoom > .poster > h4 {
        font-size: 22px;
        margin: 0 0 20px 0;
}
.roomListing4 .escapeRoom .btn-success {
        margin-top: 20px;
}
@media (max-width: 414px) {

        .roomListing4 .poster {
               width: 350px;
        }
        .roomListing4 .escapeRoom {
                margin-right: 0;
        }
}
@media (max-width: 375px) {

        .roomListing4 .poster {
               width: 300px;
        }
        .roomListing4 .escapeRoom {
                margin-right: 0;
        }
        .roomListing4 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}
@media (max-width: 325px) {

        .roomListing4 .poster {
               width: 250px;
        }
        .roomListing4 .escapeRoom {
                margin-right: 0;
        }
        .roomListing4 .escapeRoom .vitals > div:first-child {
                margin-bottom: 20px;
        }
}

/*------ roomListing5  ----------*/
.roomListing5 {
        padding: 0 15px;
}
.roomListing5 .escapeRoom {
        display: inline-block;
        width: inherit;
        max-width: 400px;
        color: #fff;
        vertical-align: top;
}
.roomListing5 .poster {
        width: 400px;
        text-align: center;
        height: 500px
}
.roomListing5 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing5 .poster > a > img {
        max-width: 200px;
        border: 1px solid #000;
        border-radius: 5px;
        margin-bottom: 20px;
}
.roomListing5 .escapeRoom .headline {
        font-size: 18px;
}
.roomListing5 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing5 .escapeRoom > .poster > h4 {
        font-size: 26px;
        padding-top: 20px;
        margin: 0 0 30px 0;
}
.roomListing5 .escapeRoom .btn-success {
        margin-top: 20px;
}
.roomListing5 .roomWrapper {
        display: inline-block;
        margin: auto;
}
@media (max-width: 414px) {

        .roomListing5 .escapeRoom {
                background-size: cover !important;
        }
}
@media (max-width: 375px) {

        .roomListing5 .escapeRoom {
                background-size: cover !important;
                width: 375px;
        }
        .roomListing5 .poster {
                width: 375px;
        }
}
@media (max-width: 320px) {

        .roomListing5 .escapeRoom {
                background-size: cover !important;
                width: 320px;
        }
        .roomListing5 .poster {
                width: 320px;
        }
}

/*------ roomListing6  ----------*/
.roomListing6 {
        padding: 80px 40px 40px 40px;
}
.roomListing6 .escapeRoom {
        display: block;
        color: #fff;
        text-align: left;
        margin-bottom: 80px;
}
.roomListing6 .poster {
        text-align: center;
        vertical-align: top;
}
.roomListing6 .poster > a > img {
        max-width: 250px;
        border-radius: 8px;
        border-radius: 8px;
        cursor: pointer;
        -webkit-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
}
#homepage .roomListing6 > .col-sm-6 > .escapeRoom > .details {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        text-align: left;
}
.roomListing6 .escapeRoom .headline {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold;
}
.roomListing6 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing6 .escapeRoom .details > h4 {
        font-size: 26px;
        margin: 0 0 20px 0;
}
.roomListing6 .escapeRoom .details .vitals {
        margin-top: 10px;
        margin-bottom: 20px;
}
.roomListing6 .escapeRoom .details .vitals > div {
        display: inline-block;
        margin-right: 20px;
        font-size: 18px;
}
.roomListing6 .escapeRoom .description {
        font-size: 18px;
        margin-bottom: 20px;
}
@media (max-width: 414px) {

        .roomListing6 .poster {
                margin-bottom: 20px;
        }
        .roomListing6 .details {
                margin-bottom: 60px;
        }
        .roomListing6 .details .roomName {
                text-align: center;
        }
        .roomListing6 .escapeRoom .details .vitals > div {
                width: 48%;
                margin-right: 0;
                text-align: center;
        }
        .roomListing6 .buttonWrapper {
                text-align: center;
        }
        .roomListing6 .escapeRoom .details .vitals > div > span {
                display: block;
        }
        .roomListing6 .escapeRoom .details .vitals {
                margin-bottom: 40px;
        }
}

/*------ roomListing7  ----------*/
.roomListing7 {
        padding: 80px 40px 40px 40px
}
.roomListing7 .escapeRoom {
        display: block;
        color: #fff;
        text-align: left;
        margin-bottom: 40px;
        padding: 40px 20px;
        border-radius: 10px;
}
.roomListing7 .poster {
        text-align: center;
        vertical-align: top;
}
.roomListing7 .poster > a > img {
        max-width: 250px;
        border-radius: 8px;
        cursor: pointer;
        -webkit-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
}
#homepage .roomListing7 > .col-sm-6 > .escapeRoom > .details {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        text-align: left;
}
.roomListing7 .escapeRoom .headline {
        font-size: 18px;
        margin-bottom: 10px;
}
.roomListing7 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing7 .escapeRoom .details > h4 {
        font-size: 26px;
        margin: 0 0 20px 0;
}
.roomListing7 .escapeRoom .details .vitals {
        margin-top: 10px;
        margin-bottom: 20px;
}
.roomListing7 .escapeRoom .details .vitals > div {
        display: inline-block;
        margin-right: 20px;
}
.roomListing7 .escapeRoom .description {
        font-size: 18px;
        margin-bottom: 20px;
}
.roomListing7 .escapeRoom .details .vitals > div {
        display: inline-block;
        margin-right: 20px;
        font-size: 18px;
}
.roomListing7 .escapeRoom .headline {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold;
}

@media (max-width: 700px) {

        .roomListing7 .poster > a > img {
                margin-bottom: 20px;
        }
        .roomListing7 .poster {
                margin-bottom: 20px;
        }
        .roomListing7 .details {
                margin-bottom: 0;
        }
        .roomListing7 .details .roomName {
                text-align: center;
        }
        .roomListing7 .escapeRoom .details .vitals > div {
                width: 48%;
                margin-right: 0;
                text-align: center;
        }
        .roomListing7 .buttonWrapper {
                text-align: center;
        }
        .roomListing7 .escapeRoom .details .vitals > div > span {
                display: block;
        }
        .roomListing7 .escapeRoom .details .vitals {
                margin-bottom: 40px;
        }
}

/*------ roomListing8  ----------*/
.roomListing8 {
        padding: 80px 40px 40px 40px
}
.roomListing8 .escapeRoom {
        display: block;
        color: #fff;
        text-align: left;
        margin-bottom: 40px;
        padding: 40px 20px;
        border-radius: 10px;
}
.roomListing8 .poster {
        text-align: center;
        vertical-align: top;
}
.roomListing8 .poster > a > img {
        max-width: 200px;
        border-radius: 8px;
        cursor: pointer;
        -webkit-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
}
#homepage .roomListing8 > .col-sm-6 > .escapeRoom > .details {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        text-align: left;
}
.roomListing8 .escapeRoom .headline {
        font-size: 18px;
        margin-bottom: 10px;
}
.roomListing8 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing8 .escapeRoom .details > h4 {
        font-size: 26px;
        margin: 0 0 20px 0;
}
.roomListing8 .escapeRoom .details .vitals {
        margin-top: 10px;
        margin-bottom: 20px;
}
.roomListing8 .escapeRoom .details .vitals > div {
        display: inline-block;
        margin-right: 20px;
}
.roomListing8 .escapeRoom .description {
        font-size: 18px;
        margin-bottom: 20px;
}
.roomListing8 .escapeRoom .details .vitals > div {
        display: inline-block;
        margin-right: 20px;
        font-size: 18px;
}
.roomListing8 .escapeRoom .headline {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold;
}

@media (max-width: 750px) {

        .roomListing8 .poster > a > img {
                margin-bottom: 20px;
        }
        .roomListing8 .poster {
                margin-bottom: 20px;
        }
        .roomListing8 .details {
                margin-bottom: 0;
        }
        .roomListing8 .details .roomName {
                text-align: center;
        }
        .roomListing8 .escapeRoom .details .vitals > div {
                width: 48%;
                margin-right: 0;
                text-align: center;
        }
        .roomListing8 .buttonWrapper {
                text-align: center;
        }
        .roomListing8 .escapeRoom .details .vitals > div > span {
                display: block;
        }
        .roomListing8 .escapeRoom .details .vitals {
                margin-bottom: 40px;
        }
}

/*------ roomListing9  ----------*/
.roomListing9 {
}
.roomListing9 .poster {
        text-align: center;
        background-color: unset;
        width: 225px;
}
.roomListing9 .poster .vitals {
        -webkit-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
        box-shadow: 6px 7px 15px -4px rgba(0,0,0,0.75);
}
.roomListing9 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing9 .poster a > img {
        width: 225px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
.roomListing9 .escapeRoom {
        color: #fff;
        margin-right: 20px;
        vertical-align: top;
        margin: 40px 20px 40px 0;
}
#homepage .roomListing9 .escapeRoom .details {
        margin-left: 40px;
}
.roomListing9 .escapeRoom .headline {
        font-size: 20px;
        margin-bottom: 10px;
}
.roomListing9 .escapeRoom .description {
        font-size: 16px;
        margin-bottom: 30px;
}
.roomListing9 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing9 .escapeRoom > .details > h4 {
        font-size: 50px;
        margin: 0 0 20px 0;
}
.roomListing9 .poster .vitals > div {
        width: 49%;
        display: inline-block;
}
.roomListing9 .poster .vitals > div > div:first-child {
        margin-top: 5px;
        margin-bottom: 5px;
}
.roomListing9 .poster .vitals > div > div:last-child {
        margin-bottom: 5px;
}
.roomListing9 .poster .vitals {
        border-radius: 8px;
        width: 225px;
}
@media (max-width: 1024px) {
        .roomListing9 .escapeRoom {
                padding-left: 40px;
        }
        .roomListing9 .escapeRoom > .details > h4 {
                font-size: 40px;
        }
}
@media (max-width: 414px) {
        .roomListing9 .poster a > img {
                width: 100%;
        }
        .roomListing9 .poster {
                margin: 0 auto 40px auto;
        }
        #homepage .roomListing9 .posterWrapper {
                margin-right: 20px;
        }
        .roomListing9 .escapeRoom {
                padding: 0;
        }
        .roomListing9 .roomName,
        .roomListing9 .escapeRoom .headline {
                text-align: center;
        }
        .roomListing9 .escapeRoom .headline {
                margin-bottom: 20px;
        }
        #homepage .roomListing9 .escapeRoom .details {
                margin: 30px;
        }
        .roomListing9 .buttonWrapper {
                text-align: center;
        }
        .roomListing9 .escapeRoom > .details > h4 {
                font-size: 30px;
        }
}

/*------ roomListing10  ----------*/
.roomListing10 .details {
        text-align: center;
}
.roomListing10 .poster {
        text-align: center;
        background-color: unset;
        width: 300px;
        display: inline-block;
        margin-bottom: 20px;
}
.roomListing10 .poster .vitals,
.roomListing10 .escapeRoom > .details {
        border: 1px solid #999;
}
.roomListing10 .escapeRoom:last-child {
        margin-right: 0;
}
.roomListing10 .poster a > img {
        width: 298px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
.roomListing10 .escapeRoom {
        color: #fff;
        vertical-align: top;
        margin: 0 10px 20px 10px;
        display: inline-block;
}
.roomListing10 .homepageRooms > div {
        margin-top: 40px;
        margin-bottom: 20px;
}
#homepage .roomListing10 .escapeRoom .details {
        border-radius: 8px;
        padding: 20px;
}
.roomListing10 .escapeRoom .headline {
        font-size: 18px;
        margin-bottom: 20px;
}
.roomListing10 .escapeRoom .description {
        font-size: 18px;
        margin-bottom: 30px;
        text-align: left;
}
.roomListing10 .escapeRoom .roomName {
        font-size: 25px;
}
.roomListing10 .escapeRoom .roomName > a {
        color: #fff;
}
.roomListing10 .escapeRoom > .details > h4 {
        font-size: 30px;
        margin: 0 0 20px 0;
}
.roomListing10 .poster .vitals > div {
        width: 49%;
        display: inline-block;
}
.roomListing10 .poster .vitals > div > div:first-child {
        margin-top: 5px;
        margin-bottom: 5px;
}
.roomListing10 .poster .vitals > div > div:last-child {
        margin-bottom: 5px;
}
.roomListing10 .poster .vitals {
        border-radius: 8px;
}
@media (max-width: 320px) {
        .roomListing10 .poster {
                width: 250px;
        }
        .roomListing10 .poster a > img {
                width: 248px;
        }
        .roomListing10 .escapeRoom:last-child {
                margin-right: 10px;
        }
        .roomListing10 .roomWrapper {
                max-width: 200px;
                text-align: center;
                margin: auto;
        }
}



.homepageRoomsFlat {
        background: rgba(255,255,255,0.8);
}
.homepageRoomsFlat > div {
        padding: 10px 30px 30px 30px;
        text-align: center;
}
.homepageRoomsFlat h1 {
        padding-bottom: 20px;
        
}
.homepageRoomsFlat .game {
        width: 250px;
        min-height: 235px;
        background-color: #5f5f62;
        padding: 15px 35px;
        display: inline-block;
        margin: 0 30px 30px 0;
        vertical-align: top;
}
.homepageRoomsFlat .game:hover {
        background-color: #4d4d50;
        cursor: pointer;
}
.homepageRoomsFlat .game:last-child {
        margin-right: 0;
}
.homepageRoomsFlat .game > h1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        margin: 0 0 12px 0;
        text-transform: uppercase;
}
.homepageRoomsFlat .game img {
        margin: 0 0 12px 0;
        border: 1px solid #CCC;
}
.homepageRoomsFlat .game > h2 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        margin: 0 0 15px 0;
        height: 25px;
}
.homepageRoomsFlat .game > h3 {
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin: 0 0 15px 0;
        height: 25px;
}
.homepageRoomsFlat .xola-checkout {

}
@media (max-width: 414px) {
        .homepageRoomsFlat > div {
                padding: 30px 0 0 0;
        }
        .homepageRoomsFlat .game {
                margin: 0 0 30px 0;
                width: 350px;
        }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Escape Room (Individual) Templates -------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------ room1  ----------*/
.templateRoom1 .vitals {
        height: 100px;
        color: #fff;
        font-size: 18px;
        font-family: 'ralewayextrabold';
}
.templateRoom1 .room > .poster img {
        max-width: 300px;
        margin-top: 60px;
        margin-bottom: 40px;
        border-radius: 10px;

        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.templateRoom1 .convert {
        margin-bottom: 20px;
}
.templateRoom1 .or {
        display: inline-block;
        margin: 30px;
        text-align: center;
        font-size: 18px;
}
.templateRoom1 .info {
        padding-bottom: 40px;
}
.templateRoom1 .story {
        font-size: 18px;
}
.templateRoom1 h1 {
        font-size: 40px;
}
@media (max-width: 1024px) {
        .templateRoom1 .info > div {
                padding-left: 40px;
                padding-right: 40px;
        } 
}
@media (max-width: 414px) {
        .templateRoom1 .or {
                display: none;
        } 
        .templateRoom1 .btn-success {
                margin-bottom: 20px;
        }
        .templateRoom1 h1 {
                margin-bottom: 40px;
        }
}
@media (max-width: 320px) {
        .templateRoom1 .room > .poster img {
                max-width: 250px;
        }
        .templateRoom1 h1 {
                font-size: 30px;
        }
}

/*------ room2  ----------*/

.templateRoom2 .room > .poster {        
        margin-top: 55px;
}
.templateRoom2 .room > .poster img {
        max-width: 300px;
        margin-bottom: 40px;
        border-radius: 10px;
}
.templateRoom2 .convert {
        margin: 20px 0;
}
.templateRoom2 .or {
        display: inline-block;
        margin: 30px;
        text-align: center;
        font-size: 18px;
}
.templateRoom2 .poster > div {
        vertical-align: top;
        display: inline-block;
}
.templateRoom2 .poster .details {
        text-align: left;
        margin-bottom: 10px;
}
.templateRoom2 .poster .vitals {
        margin-left: 10px;
        margin-top: 3px;
}
.templateRoom2 .poster .box {
        color: #fff;
        vertical-align: middle;
        height: 70px;
        width: 70px;
        font-size: 30px;
        border-radius: 5px;
        background-color: #444;
        text-align: center;
        display: inline-block;
}
.templateRoom2 .poster .box > i {
        margin-top: 20px;
}
.templateRoom2 .details .label {
        font-size: 16px;
        display: block;
        padding: 5px;
        text-align: left;
}
.templateRoom2 .details .value {
        font-size: 16px;
        color: #fff;
        padding: 5px;
        font-weight: bold;
}
.templateRoom2 .stuff {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        width: 150px;
}
.templateRoom2 .or {
        color: #fff;
}
.templateRoom2 .room > .name {
        color: #fff;
        font-size: 72px;
        font-family: 'ralewayextrabold';

        text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
}
.templateRoom2 .info {
        padding-bottom: 40px;
}
.templateRoom2 .story {
        font-size: 18px;
}
@media (max-width: 1024px) {
        .templateRoom2 .viewRoom .info > div {
                padding-left: 40px;
                padding-right: 40px;
        }
}
@media (max-width: 414px) {
        .templateRoom2 .or {
                display: none;
        }
        .templateRoom2 .btn-success {
                margin-bottom: 20px;
        }
        .templateRoom2 .info > div {
                padding: 0 40px 40px 40px;
        }
        .templateRoom2 .room > .name {
                font-size: 40px;
                margin: 40px 0;
        }
}


/*------ room2  ----------*/
.templateRoom3 .vitals {
        height: 100px;
        color: #fff;
        font-size: 18px;
        font-family: 'ralewayextrabold';
}
.templateRoom3 .room {
        min-height: 500px;
}
.templateRoom3 .room > .poster img {
        max-width: 300px;
        margin-top: 60px;
        margin-bottom: 40px;
        border-radius: 10px;

        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.templateRoom3 .convert {
        margin-bottom: 20px;
}
.templateRoom3 .or {
        display: inline-block;
        margin: 30px;
        text-align: center;
        font-size: 18px;
}
.templateRoom3 .info {
        padding-bottom: 40px;
}
.templateRoom3 .story {
        font-size: 18px;
}
.templateRoom3 .room h1 {
        padding-top: 200px;
}
.templateRoom3 .scareFactor {
        text-align: center;
        font-size: 30px;
        margin-top: 40px;
        font-family: 'ralewayextrabold';
}
.templateRoom3 h1 {
        font-size: 40px;
}
@media (max-width: 1024px) {
        .templateRoom3 .info > div {
                padding-left: 40px;
                padding-right: 40px;
        } 
}
@media (max-width: 414px) {
        .templateRoom3 .or {
                display: none;
        } 
        .templateRoom3 .btn-success {
                margin-bottom: 20px;
        }
        .templateRoom3 h1 {
                margin-bottom: 40px;
        }
}
@media (max-width: 320px) {
        .templateRoom3 .room > .poster img {
                max-width: 250px;
        }
        .templateRoom3 h1 {
                font-size: 30px;
        }
}

/*------ room mindquest ----------*/
.escapeRoomPageClassic {
        background: rgba(255,255,255,0.8);
}
.escapeRoomPageClassic .roomWrapper {
        margin: auto;
        width: 1000px;
}
.escapeRoomPageClassic > div {
        margin: 0;
}
.escapeRoomPageClassic > div > div {
        margin: 40px 5px;
        margin-bottom: 200px;
}
.escapeRoomPageClassic .imageHolder {
        width: 490px;
        padding: 10px;
        background-color: #5f6062;
        float: left;
}
.escapeRoomPageClassic .info {
        width: 490px;
        background-color: #5f6062;
        padding: 20px;
        float: left;
        color: #fff;
        margin-left: 15px;
        margin-bottom: 15px;
}
.escapeRoomPageClassic .info > h1 {
        font-size: 24px;
        margin: 0 0 20px 0;
        text-transform: uppercase;
}
.escapeRoomPageClassic .info > h2 {
        font-size: 18px;
        margin: 0 0 20px 0;
}
.escapeRoomPageClassic .info > p {
        margin-bottom: 20px;
}
.escapeRoomPageClassic .details {
        display: inline-block;
        width: 490px;
}
.escapeRoomPageClassic .vitals {
        width: 490px;
        background-color: #5f6062;
        padding: 8px;
        color: #fff;
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
        min-height: 50px;
        vertical-align: middle;
        text-align: center;
}
.escapeRoomPageClassic .vitals > p {
        font-size: 18px;
        margin-bottom: 0;
        vertical-align: middle;
        line-height: 36px;
}
.escapeRoomPageClassic .book {
        width: 490px;
        background-color: #5f6062;
        padding: 15px;
        color: #fff;
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
}
.escapeRoomPageClassic .vitals > ul {
        list-style: none;
        padding-left: 0;
}
.escapeRoomPageClassic .vitals > ul > li {
        float: left;
        list-style: none;
        width: 25%;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
}
.escapeRoomPageClassic .vitals span {
        display: block;
        font-weight: normal;
}
.escapeRoomPageClassic .btn-success {
        width: 490px;
        height: 60px;
        font-size: 30px;;
        margin-left: 15px;
        margin-bottom: 15px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
        font-family: 'ralewayextrabold';
        line-height: inherit;
}
#locations h2 {
        color: #333;
        margin-bottom: 10px;
}
#locations .showLocations {
        margin-bottom: 100px;
}
#locations .storeLocation {
        margin-bottom: 100px;
}
#locations .website {
        margin-bottom: 20px;
}
#locations .link {
        margin-top: 20px;
}
#locations .showLocations > div {
        color: #333;
}
@media (max-width: 1024px) {
        .escapeRoomPageClassic .room {
                max-height: 500px;
        }
        .escapeRoomPageClassic .details {
                display: block;
        }
        .escapeRoomPageClassic .details > div {
                margin-left: 0;
        }
}
@media (max-width: 414px) {
        .escapeRoomPageClassic .roomWrapper {
                width: inherit;
        }
        .escapeRoomPageClassic .imageHolder,
        .escapeRoomPageClassic .info,
        .escapeRoomPageClassic .vitals,
        .escapeRoomPageClassic .btn-success {
                width: inherit;
                width: 100%;
                float: none;
                margin: 0 0 15px 0;
        }
        .escapeRoomPageClassic .details {
                width: 100%;
        }
        .escapeRoomPageClassic .details .btn {
                font-size: 26px;
        }
        .escapeRoomPageClassic .vitals {
                float: left;
        }
        .escapeRoomPageClassic > div > div.col-sm-2 {
                display: none;
        }
        .escapeRoomPageClassic > div > div.col-sm-8 {
                margin-bottom: 0;
        }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

        .escapeRoomPageClassic .details .btn {
                font-size: 20px;
                line-height: 40px;
        }
        .escapeRoomPageClassic .vitals > ul > li {
                font-size: 12px;
        }
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Footer Templates -------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------ footer1  ----------*/
footer .templateFooter1 {
        padding-top: 40px;
}
footer .templateFooter1 a {
        font-size: 18px;
}
footer .templateFooter1 h4 {
        font-size: 22px;
        margin-bottom: 20px;
}
footer .templateFooter1 .logo img {
        max-width: 200px;
        height: inherit;
        margin-bottom: 20px;
}
footer .templateFooter1 .phone > a {
        margin-bottom: 20px;
        font-size: 26px;
        display: inline-block;
}
@media (max-width: 414px) {

        footer .templateFooter1 .logo img {
                max-width: 100px;
                height: inherit;
                margin-bottom: 20px;
        }
        footer .templateFooter1 .links {
                padding: 0 20px;
        }
}

/*------ footer2  ----------*/
footer .templateFooter2 {
        padding: 40px 20px;
}
footer .templateFooter2 a {
        font-size: 18px;
        display: inline-block;
        margin-right: 10px;
}
footer .templateFooter2 h4 {
        font-size: 22px;
        margin-bottom: 20px;
}
footer .templateFooter2 .logo,
footer .templateFooter2 .logo > img {
        width: 100px;
        height: inherit;
        display: block;
        margin: 0 auto 20px auto;
}
footer .templateFooter2 .logoWrapper > div {
        text-align: center;
        vertical-align: middle;
}
footer .templateFooter2 .logoWrapper {
        margin-bottom: 20px;
}
footer .templateFooter2 .map {
        width: 200px;
        height: 200px;
        margin: 0 auto 20px auto;
}
footer .templateFooter2 .phone {
        margin-bottom: 20px;
        font-size: 22px;
}
footer .templateFooter2 .socialMedia a {
        margin-right: 0;
        display: inline-block;
}

/*------ footer3  ----------*/
footer .templateFooter3 {
        padding-top: 40px;
}
footer .templateFooter3 a {
        font-size: 18px;
}
footer .templateFooter3 h4 {
        font-size: 22px;
        margin-bottom: 20px;
}
footer .templateFooter3 .logo {
        text-align: left;
}
footer .templateFooter3 .logo > img {        
        width: 200px;
        height: inherit;
}
footer .templateFooter3 .links > div {
        margin-bottom: 10px;
}
footer .templateFooter3 .followUs {
        margin: 30px 0;
}
footer .templateFooter3 .socialMedia {
        display: inline-block;
}
footer .templateFooter3 .socialMedia > a {
        margin-left: 5px;
}
footer .templateFooter3 .socialMedia img {
        width: 50px;
        height: 50px;
        border-radius: 5px;
}
footer .templateFooter3 {
        margin-bottom: 40px;
}
@media (max-width: 414px) {

        footer .templateFooter3 .footerContent > div {
                text-align: center;
        }
        footer .templateFooter3 .logo {
                text-align: center;
                margin-bottom: 20px;
                max-width: 100px;
                display: inline-block;
        }
        footer .templateFooter3 .logo img {
                max-width: 100px;
        }
}

/*------ footer4  ----------*/
footer .templateFooter4 {
        padding-top: 40px;
}
footer .templateFooter4 a {
        font-size: 18px;
}
footer .templateFooter4 .links > div {
        display: inline-block;
        margin-right: 20px;
}
footer .templateFooter4 .links > div > a{
        text-transform: uppercase;
}
footer .templateFooter4 .address > a:first-child {
        margin-right: 50px;
}
footer .templateFooter4 .socialMedia {
        display: inline-block;
        margin-bottom: 10px;
}
footer .templateFooter4 .socialMedia > a {
        margin-left: 5px;
}
footer .templateFooter4 .socialMedia img {
        width: 50px;
        height: 50px;
        border-radius: 5px;
}
@media (max-width: 414px) {

        footer .templateFooter4 > div {
                padding: 40px 20px;
        }
        footer .templateFooter4 .col-sm-3 {
                display: none;
        }
        footer .templateFooter4 .links > div {
                display: block;
                margin-bottom: 5px;
        }
        footer .templateFooter4 .address > a {
                display: block;
                text-align: center;
                margin-bottom: 10px;
        }
        footer .templateFooter4 .address > a:first-child {
                margin: 40px 0 10px 0;
        }
        footer .templateFooter4 .address > a:last-child {
                margin-bottom: 40px;
        }
}

/*------ footer5  ----------*/
footer .templateFooter5 {
        padding-top: 40px;
}
footer .templateFooter5 a {
        font-size: 18px;
}
footer .templateFooter5 .links > div {
        display: inline-block;
        margin-right: 20px;
}
footer .templateFooter5 .links > div > a{
        text-transform: uppercase;
}
footer .templateFooter5 .address > a:first-child {
        margin-right: 50px;
}
footer .templateFooter5 .socialMedia {
        display: inline-block;
        margin-bottom: 10px;
}
footer .templateFooter5 .socialMedia > a {
        margin-left: 5px;
}
footer .templateFooter5 .socialMedia img {
        width: 50px;
        height: 50px;
        border-radius: 5px;
}
footer .templateFooter5 .col-sm-6 {
        margin-bottom: 40px;
}
footer .templateFooter5 .address .second {
        margin-top: 40px;
}


/*------ mindquestFooter  ----------*/
footer #mindquest {
        padding-bottom: 50px;
}
footer #mindquest .logo {
        margin-bottom: 10px;
}
footer #mindquest .logo .store {
        max-width: 200px;
        margin-bottom: 20px;
}
footer #mindquest .logo .tripAdvisor {
        max-width: 100px;
}
footer #mindquest .hours  {
        width: 300px;
        margin: 20px auto 20px auto;
}
footer #mindquest .hours p {
        display: block;
        line-height: 20px;
        margin-bottom: 20px;
}
footer #mindquest .hours,
footer #mindquest .hours label {
        color: #fff;
        font-size: 16px;
        line-height: 16px;
}
footer #mindquest .hours label {
        width: 100px;
        text-align: left;
        margin-right: 20px;
}
footer #mindquest .hours > div {
        margin-bottom: 5px;
        text-align: left;
}
footer #mindquest .words {
        font-size: 40px;
        font-family: 'ralewayextrabold';
        color: #fff;
        margin-top: 20px;
}
footer #mindquest .logo > div {
        vertical-align: middle;
        width: inherit;
        max-width: 150px;
        height: auto;
        max-height: 400px;
        margin: auto;
}
footer #mindquest .logo > div:last-child {
        margin-right: 0;
}
footer #mindquest .logo > .phone {
        margin-top: 20px;
        font-family: bold;
        display: block;
        text-align: center;
        max-width: inherit;
        font-size: 24px;
}
footer #mindquest > .row > div {
        margin-bottom: 50px;
}
footer #mindquest .logo {
        margin: 25px auto 40px auto;
}
footer #mindquest a {
        color: #fff;
        font-family: 'varelaregular';
}
footer #mindquest a:hover {
        color: #dfd4d4;
        font-family: 'varelaregular';
}
.lockedinside #stats,
body .lockedinside #stats .statHeading {
        background: linear-gradient( rgba(33, 33, 33, 0.68), rgba(0, 0, 0, 0.89) ), url("/themes/default/images/sites/lockedinside/site_background.jpg") repeat top center !important;
}
.lockedinside #stats > .row {
        background-color: inherit;
}
.transparency .mindquest #mainContentWindow #contactUs > .row,
.transparency .mindquestpalmbeach #mainContentWindow #contactUs > .row {
        color: #000;
}
.mindquest #homepage .events,
.mindquest #homepage .events a,
.mindquest #homepage .mapWrapper,
.mindquest #homepage .mapWrapper a,
.mindquestpalmbeach #homepage .events,
.mindquestpalmbeach #homepage .events a,
.mindquestpalmbeach #homepage .mapWrapper,
.mindquestpalmbeach #homepage .mapWrapper a {
        color: #fff;
}
.mindquest #homepage .events,
.mindquestpalmbeach #homepage .events {
        background-color: #161616;
}
.mindquest .templateTopTiny,
.mindquestpalmbeach .templateTopTiny {
        display: none;
}
.transparency .mindquest #mainContentWindow .siteSection,
.transparency .mindquestpalmbeach #mainContentWindow .siteSection {
        background-color: inherit;
        background: rgba(255, 255, 255, 0.8);
}
.transparency .mindquest #mainContentWindow #youtube > .row,
.transparency .mindquestpalmbeach #mainContentWindow #youtube > .row {
        color: #000;
}
.transparency .mindquest #mainContentWindow .siteSection > .row,
.transparency .mindquestpalmbeach #mainContentWindow .siteSection > .row {
        background-color: initial;
        color: #fff;
}
.transparency .mindquest #mainContentWindow #faq > .row,
.transparency .mindquestpalmbeach #mainContentWindow #faq > .row {
        background-color: initial;
        color: #000;
}
.transparency .mindquest #mainContentWindow .siteSection > .headerContent,
.transparency .mindquestpalmbeach #mainContentWindow .siteSection > .headerContent {
        border-top: 0;
}